<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
	</head>
	<body>
		<a class="btn btn-default" href="http://www.baidu.com">百度</a><br/>
		<button class="btn btn-primary">（首选项）Primary</button><br/>
		<button class="btn btn-danger">危险</button><br/>
		
		
		<button type="button" class="btn btn-primary btn-lg">（大按钮）Large button</button><br/>
		
		<button class="btn btn-success btn-block active">块级元素1</button>
		<button class="btn btn-success btn-block">块级元素2</button>
		
		
		<hr />
		<table class="table table-striped table-bordered table-hover table-condensed ">
			<tr>
				<th>#</th>
				<th>First Name</th>
				<th>Last Name</th>
				<th>Username</th>
			</tr>
			<tr class="success">
				<td>1</td>
				<td>Mark</td>
				<td>Otto</td>
				<td>@mdo</td>
			</tr>
			<tr>
				<td>1</td>
				<td>Mark</td>
				<td>Otto</td>
				<td>@mdo</td>
			</tr>
			<tr>
				<td>1</td>
				<td class="warning">Mark</td>
				<td>Otto</td>
				<td>@mdo</td>
			</tr>
		</table>
		
		<hr />
		<form>
			<div class="form-group">
    			<label for="exampleInputEmail1">Email address</label>
    			<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
  			</div>
		</form>
		
		<hr />
		<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
		<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
		
			
		<!-- bootstrap.js用到了jquery，所以要首先引入jquery -->
		<script type="text/javascript" src="../lib/jquery/jquery-1.11.1.js" ></script>
		<script type="text/javascript" src="../lib/bootstrap-3.3.7-dist/js/bootstrap.min.js" ></script>
	</body>
</html>
